<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.js"></script>
</head>
<body>
<div id="app">
  <div>{{title}}</div>
  <div>{{msg}}</div>
</div>
<script>
// <!--  $mount接收一个参数,①可以是HTML元素,②也可以是选择器所返回的对象-->
//作用：用于延迟挂载dom

<!--  写法一 -->
  //如果没有el则需要自己手动挂载实例到页面中
  // const vm = new Vue({
  //   data:{
  //     title:'初识Vue',
  //     msg:'Hello,Vue!'
  //   }
  // })
  // // vm.$mount('#app')
  // vm.$mount(document.getElementById('app'))

//写法二
//   new Vue({
//     data:{
//       title:'初识Vue',
//       msg:'Hello Vue!'
//     }
//   }).$mount('#app')

//或
new Vue({
  data:{
    title:'初识Vue',
    msg:'Hello Vue!'
  }
}).$mount(document.getElementById('app'))
</script>
</body>
</html>